/*
Theme Name: Fancy Design
Theme URI: http://FancyDesign.vn/
Description: Fancy Design.
Version: 1.1
Author: NII team
Author URI: http://nii.vn/
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, button { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a{
	color:#939598;
	text-decoration:none;
}
/* CSS Document */
body{
	background:#dcdcdc;
}
.wrapper{
	max-width:900px;
	min-width:900px;
	position:relative;
	left:50%;
	margin-left:-450px;
	background-image:url(images/bg.png);
	float:left;
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.wrapper .header{
	float:left;
}

.wrapper .header .logo {
	width:160px;
	float:left;
	margin-left:65px;
	margin-top:50px;
}
.wrapper .header .logo img{
	width:140px;
}

.social-counter {
	float:right;
	margin-top: 75px;
	height: 25px;
}

.social-counter ul li {
	float:left;
	margin-right: 20px;
}


.social-counter ul li span {
	line-height: 10px;
	vertical-align:text-top;
}

.social-counter ul li .counter {
	font-family: Arial, Helvetica, sans-serif;
	color: #a4a5aa;
	text-shadow: 0px 2px #171718;
	font-size: 14px;
	margin-left: 3px;
}

#s{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left:0px;
	margin-right:45px;
	position:relative;
}

span#s-icon {
	width:20px;
	height:20px;
	background:url(images/search.png);
	position:absolute;
	top:2px;
	left:7px;
}

#s input{
	background-image:url(images/search.png);
	background-position: 5px 2px;
	background-repeat: no-repeat;
	padding-left: 30px;
	background-color:#f3f3f3;
	background:none;
	border:1px solid #6f6f6f;
	-moz-box-shadow: 0px 1px 1px #28292a;
	-webkit-box-shadow: 0px 0px 1px #28292a;
	box-shadow: inset 0px 2px 1px #28292a;
	width:150px;
	height: 16px;
}

/* -------------------------------- MENU -----------------------------------------*/
.more-products .menu{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.menu {
	height:35px;
	width:635px;
	background:url(images/menu-bg.png) repeat-x;
	float:right;
	border-left:1px #161718 solid;
	border-bottom:1px #121314 solid;
	-moz-box-shadow: 0px 2px 2px #222;
	-webkit-box-shadow: 0px 2px 2px #222;
	box-shadow: 0px 2px 2px #222;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	overflow:hidden;
	margin-top:8px;
}
.menu a
{
	text-decoration:none;
}
.menu ul{
	float: left;
}
.menu ul li {
	height:35px;
	float:left;
	border-right:1px #303435 solid;
	border-left:1px #464a4c solid;
	overflow:hidden;
	color:#CCC;
}
.menu ul li span{
	float:left;
}
.menu ul li:first-child{
	border-left:none;
}
.menu ul li:not(.current_page_item):hover{
	background:url(images/menu-selected.png) repeat-x;
}
.current_page_item {
	background:url(images/menu-hover.png) repeat-x bottom;
}
.menu .right-menu ul li:last-child {
	/*border-right:none;*/
}
.menu ul li span {
	line-height:35px;
}
.menu ul li span a{
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px -1px #1a1c1d;
	font-size: 12px;
	text-decoration:none;
	color:#CCC;
	display:block;
	padding:0px 25px 0px 25px;
}
.menu .count {
	height:20px;
	padding-left:5px;
	padding-right:8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px 2px 2px 2px;
	float:right;
	background:url(count-bg.png);
	margin-top:-32px;
	margin-left: 10px;
	color:#FFF;
	line-height:20px;
	font-size:14px;
}
.wrapper .menu ul #menu-selected {
	background:url(images/menu-selected.png) repeat-x;
}
.wrapper .menu ul #menu-hover {
	background:url(images/menu-hover.png) repeat-x bottom;
}

/* -------------------------------- END MENU -----------------------------------------*/



.wrapper .wrapper-content {
	margin-top:30px;
	float:left;
	min-width: 900px;
}

/* -------------------------------- SIDEBAR -----------------------------------------*/
.wrapper .wrapper-content .side-bar-wrapper
{
	float:left;
	width:200px;
	margin-left: 35px;
}
.fix{
	position:fixed;
	left:170px;
	margin-left:none;
}
.wrapper .wrapper-content .side-bar {
	width:200px;
	margin-top:8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image:url(images/post-bg.png);
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
	float:left;
}

.wrapper .wrapper-content .side-bar .side-bar-inner-shadow {
	background-image:url(images/post-inner-shadow.png);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 200px;
	height: 10px;
}

.wrapper .wrapper-content .side-bar .side-bar-content p#view-portfolio {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-shadow: 0px 2px #131313;
	text-align:center;
	padding-bottom:13px;
	font-weight:bold;
}
.wrapper .wrapper-content .side-bar .side-bar-content p#view-portfolio a {
	color:#e6e7e8;
}

.wrapper .wrapper-content .side-bar .side-bar-content .item {
	margin-top:10px;
	margin-bottom:25px;
	width:200px;
	min-height: 130px;
}

.wrapper .wrapper-content .side-bar .side-bar-content .item .item-title {
	padding-top:6px;
	min-height:22px;
	width:180px;
	background:url(images/sidebar-item-title-bg.png) repeat-x;
	background-size: auto;
	border:1px #1c252b solid;
	margin-left:9px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 2px 2px #1a1a1a;
	-webkit-box-shadow: 0px 2px 2px #1a1a1a;
	box-shadow: 0px 2px 2px #1a1a1a;	
}

.wrapper .wrapper-content .side-bar .side-bar-content .item .item-title span.title {
	font-family: Helvetica, sans-serif;
	text-shadow: 0px 1px #1a1c1d;
	color:#9fa8b0;
	font-weight:bold;
	font-size: 12px;
	padding-left:10px;
}

.wrapper .wrapper-content .side-bar .side-bar-content .item img {
	margin-top:10px;
	margin-left:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 2px 2px #1a1a1a;
	-webkit-box-shadow: 0px 2px 2px #1a1a1a;
	box-shadow: 0px 2px 2px #1a1a1a;	
}

.wrapper .wrapper-content .side-bar .side-bar-content .item ul {
	margin-top: 15px;
}

.wrapper .wrapper-content .side-bar .side-bar-content .item a {
	color:#9fa8b0;
	text-decoration:none;
}

.item-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9fa8b0;
	text-shadow: 0px 2px #131313;
	line-height: 30px;
	text-align:center;
}

.wrapper .wrapper-content .side-bar .side-bar-content .item ul li a {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:28px;
	font-size:12px;
	color:#9fa8b0;
	text-shadow: 0px 2px #131313;
}
/* -------------------------------- END SIDEBAR-----------------------------------------*/


/* -------------------------------- MAIN CONTENT -----------------------------------------*/
.main-content {
	margin-right: 35px;
	float:right;
	min-height:600px;
	
}

.post {
	margin-left: 8px;
	margin-top: 8px;
	width: 600px;
	min-height: 220px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image:url(images/post-bg.png);
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
}
.post .post-inner-shadow {
	background-image:url(images/post-inner-shadow.png);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 600px;
	height: 10px;
}
.post .post-content {
	padding: 20px;
}
.post .post-content .content {
	margin-top: -15px;
	width: 350px;
	margin-left: 200px;
}
.is-page .post-content .content
{
	margin-left: 15px;
	width: 530px;
}
.content p img{
	/*margin-top:20px;
	margin-bottom:20px;*/
}
/*trong trang single*/
.is-single .post-content .content {
	margin-left: 15px;
	width: 530px;
	padding-bottom: 15px;
	margin-top: -5px;
}
/*end trong trang single*/
.post-content .content #the-content{
	padding-top:20px;
}
.post-content .content #the-content h1,
.post-content .content #the-content h2,
.post-content .content #the-content h3,
.post-content .content #the-content h4,
.post-content .content #the-content h5,
.post-content .content #the-content h6{
	color:#939598;
	font-family:"Arial", Gadget, sans-serif;
	text-shadow: 0px 2px #171718;
}
.post-content .content #the-content h1{
	font-size:35px;
}
.post-content .content #the-content h2{
	font-size:30px;
}
.post-content .content #the-content h3{
	font-size:25px;
}
.post-content .content #the-content h4{
	font-size:20px;
}
.post-content .content #the-content h5{
	font-size:15px;
}
.post-content .content #the-content h6{
	font-size:10px;
}



.post .post-content span img {
	width:165px;
	height:165px;
	position: absolute;
	margin-left:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 1px 1px #000;
	-webkit-box-shadow: 0px 1px 1px #000;
	box-shadow: 0px 1px 1px #000;

	position: absolute;
	margin-left:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 1px 1px #000;
	-webkit-box-shadow: 0px 1px 1px #000;
	box-shadow: 0px 1px 1px #000;
}
.post .post-content h3 a {
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;
	color: #e6e7e8;
	text-shadow: 0px 2px #171718;
	font-size: 24px;
	text-decoration:none;
}
.post .post-content .content .post-info, .post .post-content .content .post-info a {
	font-family:"Arial", Gadget, sans-serif;
	font-size: 12px;
	color: #939598;
	text-shadow: 0px 2px #171718;
}

.post .post-content .content h3 {
	padding: 10px 10px 0 0;
	margin-bottom:6px;
}

.post .post-content .content p {
	font-family:"Arial", Gadget, sans-serif;
	font-size: 14px;
	color: #939598;
	text-shadow: 0px 2px #171718;
	text-align:justify;
	padding: 10px 0 10px 0;
}
.post .post-content .content .reading a {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	color: #58585a;
	text-shadow: 0px 2px #171718;
	text-decoration:none;
	left:260px;
	position:relative;
	top: 10px;
}


.wrapper .wrapper-content .page {
	height:20px;
	background:url(images/page-bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px #1a1c1d;
	font-size: 14px;
	border:1px #2a2c2e solid;
	border-bottom:1px #1a1b1c solid;
	-moz-box-shadow: 0px 2px 2px #222;
	-webkit-box-shadow: 0px 2px 2px #222;
	box-shadow: 0px 2px 2px #222;
	margin-top:15px;
	float:right;
	margin-right:40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow:hidden;
}
.page a{
	text-decoration:none;
}
.page ul{
	float:right;
}
.page ul a li {

	height:19px;
	float:left;
	border-right:1px #272a2c solid;
	border-left:1px #45494b solid;
	overflow:hidden;
	color:#AAA;
	padding-left: 10px;
	padding-right: 10px;
}
#page-hover{
	background:url(images/menu-hover.png) bottom;
}

.wrapper .wrapper-content .page ul a li span {
	line-height:19px;
}
.wrapper .wrapper-content .page ul a #page-prev {
	width:10px;
	background-image:url(images/prev.png);
}
.wrapper .wrapper-content .page ul a #page-next {
	width:10px;
	background-image:url(images/next.png);
}
/* -------------------------------- END MAIN CONTENT -----------------------------------------*/

/* -------------------------------- COMMENT -----------------------------------------*/

.comment-template{
	margin-top: 30px;
	float:right;
	max-width: 600px;
	margin-right: 30px;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color: #939598;
	text-shadow: 0px 1px #171718;
}
.comment-author-vcard{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 2px 1px #111;
	-webkit-box-shadow: 0px 2px 1px #111;
	box-shadow: 0px 2px 1px #111;
	background:#CCC;
	width: 64px;
	height: 64px;
	float:left;
	padding: 5px;
	margin-right: 20px;
}
.comment-author-vcard img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.avatar-shadow{
	width:64px;
	height:64px;
	background-image:url(images/avatar-shadow.png);
	position:absolute;
}
.commentBody{
	float:left;
	max-width: 450px;
	width: 450px;
	min-height: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image:url(images/post-bg.png);
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
}
.depth-2{
	margin-left:50px;
}
.depth-2 .commentBody{
	width: 400px;
}
.commentBody-shadow{
	background-image:url(images/post-inner-shadow.png);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 10px;
}
.children{
	float:left;
	margin-top:15px;
}
.comment-content{
	margin: 20px;
	margin-top: 5px;
}
.comment-content a{
	color:#CCC;
}
.comment-template #comments-title {
	padding-bottom: 20px;
}
.comment-template #comments-title em{
	color: #a3d807;
}
.comment{
	padding-top : 10px;
	padding-bottom : 10px;
	float:left;
}
.cancel-comment-reply{
	margin-bottom:4px;
}

#respond{
	float:left;
	padding-top: 20px;
	width: 600px;
}
#respond h3, 
#contact-respond h3,
#contact-title h3 {
	font-size:16px;
	padding-bottom:4px;
	color:#939598;
	font-family:Arial, Helvetica, sans-serif;
}

#respond h3 a , 
#contact-respond h3 a {
	text-decoration:none;
	font-size:14px;
	color:#999;
}

#respond h3#star, 
#contact-title h3#star{
	font-size:12px;
	color:#939598;
}

.reply{
	padding-top:10px;
	float:right;
	margin-right: 20px;
	padding-bottom:15px;
}



p.logged{
	padding:10px 0px;
}

.waiting-approve{
	float:left;
	margin-top: 10px;
	color: #face20;
}

input{
	border:none;
	padding:3px 5px 4px;
	width:190px;
	color:#939598;
	font-style:italic;
	font-size:12px;
	text-shadow: 1px 1px 1px #000;
	background:url(images/post-bg.png);
}

input[type="text"],
textarea,
input[type="submit"],
button[type="submit"] {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input[type="text"], textarea{
	-moz-box-shadow: inset 0 2px 6px #111;
	-webkit-box-shadow: inset 0 2px 6px #111;
	box-shadow: inset 0 2px 6px #111;
}

#comments .left-comment ,
#contact-respond .left-comment{
	float:left;
	width:226px;
}
#contact-respond .left-comment{
	margin-bottom:30px;
	width:250px;
}
#comments .left-comment p,
#contact-respond .left-comment p{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
	margin:0px;
	padding:0px;
	margin-top: 10px;
	float:right;
}

input[type="text"]{
	height: 30px;
	width:220px;
}

input[type="submit"],
button[type="submit"]{
	padding: 3px 5px 4px;
	float:right;
	height: 35px;
	width:150px;
	cursor:pointer;
	background:url(images/submit-comment-bg.png);
	color:#939598;
	font-style:italic;
	font-size:12px;
	text-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 0px 1px 4px #333;
	-webkit-box-shadow: 0px 1px 4px #333;
	box-shadow: 0px 1px 4px #333;
}

#comments .left-comment p.submit-comment, 
#contact-respond .left-comment p.submit-comment{
	-moz-box-shadow: 0px 0px 0px #4d4e4f;
	-webkit-box-shadow: 0px 0px 0px #4d4e4f;
	box-shadow: 0px 0px 0px #4d4e4f;
}

#comments p.submit-comment input[type="submit"]:active,
#contact-respond p.submit-comment button[type="submit"]:active {
	background-color:#111;
}

p#admin-submit input[type="submit"]{
	height:35px;
	margin-right:50px;
	margin-top:11px;
	-moz-box-shadow: 0px 0px 0px #4d4e4f;
	-webkit-box-shadow: 0px 0px 0px #4d4e4f;
	box-shadow: 0px 0px 0px #4d4e4f;
	
	background:url(images/submit-comment-bg.jpg);
	color:#9d9d9e;
	font-style:italic;
	font-size:12px;
	text-shadow: 1px 1px 1px #000;
}

p#admin-submit input[type="submit"]:active{
	background-color:#111;
}

p#textarea {
	float:right;
	margin-top: 10px;
	margin-right: 55px;
	padding:0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
}
textarea {
	float:right;
	max-width: 270px;
	min-width: 270px;
	padding: 15px;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	background:url(images/post-bg.png);
	color:#939598;
	border:none;
}
/* -------------------------------- END COMMENT -----------------------------------------*/

/* -------------------------------- FOOTER -----------------------------------------*/
.footer-wapper {
	margin-top: 30px;
	float:left;
	width:900px;
	min-height:290px;
	text-shadow: 0px 1px #171718;
}
.footer-wapper .footer-title{
	height:37px;
	width:900px;
	background-image:url(images/footer-bg.png);
	border-top:#323233 1px solid;
}
.footer-wapper .footer-title ul li {
	float:left;
	overflow:hidden;
	padding-left:25px;
	width:265px;
	margin-top:10px;
	color:#fcfafa;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px #000;
}
.footer-wapper .footer-content{
	width:900px;
	min-height:216px;
	background-color:#3f3f41;
	border-top:#444 1px solid;
	border-bottom:#444 1px solid;
	float:left;
}
.footer-wapper .footer-content > ul > li {
	float:left;
	overflow:hidden;
	padding-left:25px;
	padding-top:12px;
	padding-bottom:12px;
	width:265px;
	min-height:192px;
	color:#fcfafa;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px #121315;
	text-align:justify;
	color: #939598;
}
.footer-content ul.info-ct{
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
.footer-content ul.info-ct li{
	margin-bottom: 10px;
}
.footer-content ul.info-ct a{
	color:#e6e7e8;
}





.footer-content li.blog ul li{
	padding-left:10px;
	padding-bottom:10px;
	text-align:left;
	background:url(images/circle-icon.png) no-repeat 0px 6px;
}





.map{
	height:160px;
	width:240px;
	-moz-box-shadow: 0px 5px 10px #262626;
	-webkit-box-shadow: 0px 5px 10px #262626;
	box-shadow: 0px 5px 10px #262626;
}
.footer-wapper .footer{
	height:37px;
	width:900px;
	background-image:url(images/footer-bg.png);
	color:#f1f6ff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
}
.footer-wapper .footer{
	height:37px;
	width:900px;
	background-image:url(images/footer-bg.png);
	color:#f1f6ff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.footer-wapper .footer .info-footer{
	float:left;
}
.footer-wapper .footer #back-to-top{
	float:right;
}
.footer-wapper .footer .info-footer ul{
	float:left;
	margin-top:12px;
}
.footer-wapper .footer .info-footer li{
	float:left;
}
.footer-wapper .footer .info-footer p{
	float:left;
	margin-top:12px;
	margin-left:20px;
}
.footer-wapper .footer .info-footer p span{
	color:#565758;
}
.footer-wapper .footer .info-footer p a{
	color:#e6e7e8;
}
#menu-footer li.current_page_item{
	background:none;
}
#menu-footer li a{
	color:#e6e7e8;
}
.footer-wapper .footer p#back-to-top {
	cursor:pointer;
	margin-top:12px;
	margin-right:20px;
	float:right;
}

.footer-wapper .footer .social-counter {
	float:right;
	margin-top:10px;
}
/* -------------------------------- END FOOTER -----------------------------------------*/


.home {
	background-image:url(images/bg.png);
}
#home-logo{
	position: absolute;
	margin-top: 30px;
	z-index: 1000;
	margin-left: 25px;
}
.home .wrapper-home{
	max-width:900px;
	min-width:900px;
	position:relative;
	left:50%;
	margin-left:-450px;
	float:left;
	margin-top:20px;
	margin-bottom:40px;
}

/************** header trang home ***************/
.home .wrapper-home .home-header{
	float:left;
	width:900px;
	margin-top:15px;
	margin-bottom:20px;
}
.home .wrapper-home .home-header .logo{
	float:left;
	width:160px;
	margin-top:0px;
	margin-left:0px;
}
.home .wrapper-home .home-header .logo img{
	width:140px;
}
.home .wrapper-home .home-header .menu{
	margin-top:50px;
	float:right;
	border-left:1px #161718 solid;
	border-bottom:1px #121314 solid;
	-moz-box-shadow: 0px 2px 2px #222;
	-webkit-box-shadow: 0px 2px 2px #222;
	box-shadow: 0px 2px 2px #222;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
	width:auto;
}
/************** end header trang home ***************/

.home .wrapper-home .leftbar {
	margin-top:15px;
	float:left;
	max-width: 175px;
}
.home .wrapper-home .rightbar {
	float:right;
	height:450px;
	margin-bottom:25px;
	z-index:9999;
}
.home .wrapper-home .more-products{
	float:right;
	max-width:900px;
	min-height: 70px;
}
.more-products ul{
	float:left;
	min-height: 80px;
}
.more-products ul li:first-child{
	border-left:none;
}
.more-products .title{
	background:url(images/menu-bg.png) repeat-x;
	height:50px;
	margin-left: auto;
	margin-right: auto;
}
.more-products .menu{
	border-top: solid 1px #282828;
	border-right: solid 1px #282828;
	border-bottom: solid 1px #1d1d1e;
	border-left: solid 1px #282828;
	width:900px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin:0px;
}
.home .more-products {
	position:relative;
	float:left;
	width:900px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image:url(images/post-bg.png);
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
}

.home .more-products .more-products-inner-shadow {
	background-image:url(images/post-inner-shadow.png);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 900px;
	height: 10px;
}
.more-products-content .next, .more-products-content .prev{
	position:absolute;
	width:20px;
	height:20px;
	margin-top:31px;
	opacity:0.7;
}
.more-products-content .next:hover, .more-products-content .prev:hover{
	opacity:1;
	margin-top:30px;
}
.more-products-content .prev{
	background-image:url(images/home-prev.png);
	margin-left:30px;
}
.more-products-content .next{
	background-image:url(images/home-next.png);
	margin-left: 850px;
}
#home-slider{
	margin:10px 70px 20px 70px;
}
.more-products-content img{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:160px;
	height:80px;
}
.more-products-content li{
	margin-left:15px;
	margin-right:15px;
	float:left;
	width:160px;
}
.more-products-content li p{
	text-align:center;
	margin-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px #000;
	font-size: 14px;
	text-decoration: none;
	color: #CCC;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
}
/*.nivo-slice, .nivo-box{
	float:left;
}*/
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	display:none;
	position:absolute;
	right:5%;
	bottom:10px;
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
.theme-default #slider {
    width:900px; /* Make sure your images are the same size */
    height:450px; /* Make sure your images are the same size */
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #00;
	box-shadow: 0px 0px 10px #000;
	-webkit-border-radius: 6x;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.theme-default #slider img{
	-webkit-border-radius: 6x;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	-webkit-border-radius: 6x;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	color:#fff;
	width:100%;
	z-index:8;
	height:50px;
	background-image:url(images/nivo-nav.png);
}
.nivo-caption p {
	padding:15px;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	font-style:italic;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/*********************************************************** GALLERY ***********************************************************/
/**** gallery-menu ****/
.wrapper-gallery {
	float:left;
	min-height:200px;
	width:770px;
	margin-left:65px;
	margin-top:7px;
	margin-bottom:10px;
	background-image:url(images/post-bg.png);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
}
.wrapper-gallery .menu-gallery {
	height:33px;
	width:770px;
	background:url(images/gallery-menu-bg.png) repeat-x;
	float:left; 
	/*border-bottom:1px #242323 solid;*/
	overflow:hidden;
	border-radius: 6px 6px 0px 0px;
	-moz-box-shadow: 0px 2px 2px #1c1c1c;
	-webkit-box-shadow: 0px 2px 2px #1c1c1c;
	box-shadow: 0px 2px 2px #1c1c1c;
	border-right: 1px solid #181818;
}
.wrapper-gallery .menu-gallery ul li{
	height:24px;
	padding:9px 30px 0px 30px;
	float:left;
	border-right:1px #232323 solid;
	border-left:1px #3c3c3d solid;
	overflow:hidden;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px -1px #000;
	font-size: 12px;
}
.wrapper-gallery .menu-gallery ul li:hover{
	background:url(images/gallery-menu-hover-bg.png) repeat-x;
}
.wrapper-gallery .menu-gallery ul li.gallery-current{
	background:url(images/gallery-menu-hover-bg.png) repeat-x;
}
/**** end gallery-menu ****/


/**** gallery-item ****/
.wrapper-gallery ul.gallery-item {
	float: left;
	margin-left:75px;
	margin-top:45px;
	margin-bottom:10px;
	width:695px;
}
.wrapper-gallery ul.gallery-item li {
	float:left;
	margin-right:70px;
	margin-bottom:35px;
	max-width:160px;
	height:120px;
}
.wrapper-gallery .gallery-item li a img {
	width:160px;
	height:80px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0px 1px 5px #0e0f0f;
	-webkit-box-shadow: 0px 1px 5px #0e0f0f;
	box-shadow: 0px 1px 5px #0e0f0f;
}
.wrapper-gallery .gallery-item li a p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939598;
	text-align:center;
	padding-top: 10px;
	text-shadow: 0px -1px #000;
}
/**** end gallery-item ****/

/*********************************************************** end GALLERY ***********************************************************/








/*********************************************************** MORE PRODUCTS ***********************************************************/
.main-content p.more-products-title{
	margin-left: 8px;
	margin-top: 20px;
	font-size:14px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#939598;
	text-shadow: 0px 2px #171718;
}
.main-content .more-products {
	position:relative;
	float:left;
	width:600px;
	margin-left: 8px;
	margin-top: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image:url(images/post-bg.png);
	-moz-box-shadow: 0px 1px 1px #4d4e4f;
	-webkit-box-shadow: 0px 1px 1px #4d4e4f;
	box-shadow: 0px 1px 1px #4d4e4f;
}
.main-content .more-products .more-products-inner-shadow {
	background-image:url(images/post-inner-shadow.png);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 600px;
	height: 10px;
}

/*********** NAV *************/
.main-content .more-products .more-products-content{
	position:relative;
	width:600px;
	border:none;
	background:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-left: 30px;
	margin-bottom: 10px;
}
.more-products-nav-prev{
	position:absolute;
	width:17px;
	height:22px;
	top:45px;
	left:12px;
	background-image:url(images/more-products-nav-prev.png);
}

.more-products-nav-next{
	position:absolute;
	width:17px;
	height:22px;
	top:45px;
	right:12px;
	background-image:url(images/more-products-nav-next.png);
}
/*********** end NAV *************/

/*********** ITEM *************/
.main-content .more-products ul {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	width:540px;
	height: 120px;
	margin-left: 0px;
	margin-bottom:5px;
}
.main-content .more-products ul li {
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	height:120px;
}
.main-content .more-products ul li img {
	width:160px;
	height:80px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float:left;
	-moz-box-shadow: 0px 1px 5px #0e0f0f;
	-webkit-box-shadow: 0px 1px 5px #0e0f0f;
	box-shadow: 0px 1px 5px #0e0f0f;
	margin-bottom: 5px;
}
.main-content .more-products ul li p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939598;
	text-align:center;
	padding-top: 2px;
	text-shadow: 0px -1px #000;
}
/*********** end ITEM *************/

/*********************************************************** end MORE PRODUCTS ***********************************************************/



/*********************************************************** CONTACT FORM ***********************************************************/
#contact-respond{
	width: 535px;
	margin-left: 15px;
}
#contact-respond p#textarea{
	margin-right:0px;
}
#contact-respond textarea{
	max-width: 240px;
	min-width: 240px;
	height: 100px;
}
#contact-respond p.submit-comment button[type="submit"]{
	border:none;
}

#contact-respond .left-comment p {
	float:left;
}

#contact-respond input[type="text"]{
	height: 30px;
	width: 260px;
}
#contact-respond h3{
	font-size:15px;
}
.post-content .contact-info{
	margin-bottom:20px;
}
.is-page{
	float:left;
}
#contact-title{
	width:530px;
	margin-left:15px;
	margin-bottom: 10px;
}
#contact-title h3 {
	font-size:15px;
}
#result{
	color: #e6e7e8;
	float: left;
	margin-bottom: 20px;
	margin-left: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color:#939598;
}

ul.info-ct{
	margin: 20px 30px 0px 0px;
	list-style:none;
	float:right;
}
ul.info-ct p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:0px;
	color:#939598;
}
ul.info-ct li{
	margin-bottom: 26px;
	padding-left:30px;
	height:20px;
}
ul.info-ct li.name{
	background:url(images/name-icon.png) no-repeat;
}
ul.info-ct li.email{
	background:url(images/email-icon.png) no-repeat;
}
ul.info-ct li.mobile{
	background:url(images/mobile-icon.png) no-repeat;
}
ul.info-ct li.facebook{
	background:url(images/facebook-icon.png) no-repeat;
}
ul.info-ct li.googleplus{
	background:url(images/googleplus-icon.png) no-repeat;
}
ul.info-ct li.twitter{
	background:url(images/twitter-icon.png) no-repeat;
}
ul.info-ct li.linkedin{
	background:url(images/linkedin-icon.png) no-repeat;
}
ul.info-ct li.behance{
	background:url(images/behance-icon.png) no-repeat;
}
ul.info-ct li.flickr{
	background:url(images/flickr-icon.png) no-repeat;
}

/*********************************************************** end CONTACT FORM ***********************************************************/




